a{
    text-decoration: none;
}
.header{
    width: 100%;
    height: 60px;
    background-color: #ecdf7b;
    margin-bottom: 20px;
}

.header_content{
    width: 80%;
    max-width: 1380px;
    overflow: hidden;/*宽度和此样式是清楚浮动的最有效的方式*/
    margin: 0 auto;/*盒子居中*/
}

.header_left{
    width: 20%;
    float: left;
}
.header_left img{
    height: 20px;
    margin-top: 20px;
}
.header_mid{
    width: 60%;
    float: left;
}
.header_mid ul{
    width: 100%;
    overflow: hidden;
}
.header_mid ul li{
    float: left;
    width: 14%;
    text-align: center;
    height: 60px;
    line-height: 60px;
}
.header_mid ul li:hover{
    background-color: black;
}
.header_mid ul li span{
    font-size: 14px;
    color: black;
}
.header_mid ul li:hover span{
    color: blue;
}
.header_right{
    width: 20%;
    float: right;
    text-align: right;
    height: 60px;
    line-height: 60px;
}
.header_right span{
    margin-left: 20px;
}
.menu_list{
    width: 160px;
    background-color: white;   
    position: absolute;
    top: 60px;
    z-index: 10;
    border-top: 2px solid red;
}
.menu_list ul li{
    float: none;
    width: 100%;
    text-align: left;
    height: 50px;
    line-height: 50px; 
    padding-left: 20px;
}
.menu_list ul li:hover{
    background-color: #ecdf7b;
}
.discover_box{
    width: 600px;
}
.discover_list{
    width: 560px;
    overflow: hidden;
    margin: 0 auto;
}
.discover_list > div{
    float: left;
    width: 80px;
    text-align: center;
    overflow: hidden;
}
.discover_list > div span{
    display: inline-block;
    width: 50px;
    height: 30px;
    line-height: 30px;
}
.discover_list > div span:hover{
    background-color: #ecdf7b;
    border-radius: 5px;
}
.discover_list > div i{
    width: 1px;
    height: 16px;
    display: block;
    background-color: red;
    margin-top: 24px;
    float: right;
}

.icons{
    width: 100%;
    margin-bottom: 20px;
}

/*此样式用到固定定位，并且固定在顶部*/
.fixed{
    position: fixed;
    top: 0;
    z-index: 10000;

}
.backTop{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
    width: 50px;
    height: 50px;
    background-color: #ecdf7b;
    border-radius: 100%;
    cursor: pointer;
}
.backTop span{
    font-size: 12px;
    color: #b10404;
    height: 50px;
    line-height: 50px;
    display: inline-block;
}
.icons{
    width: 80%;
    margin: 0 auto;  
    padding: 20px 0;  
}
.icons_content{
    overflow: hidden;
    margin: 0 -10px;
}
.icons_box{
    float: left;
    width: 20%;
}
.icons_img{
    /* width: 90%; */
    margin: 0 10px;
}
.icons_box img{
    width: 100%;
    border-radius: 5px;
}

.wrap_header{
    width: 100%;
    text-align: center;
    /* margin-bottom: 30px; */
}
.wrap_header span{
    display: inline-block;
    padding: 0 30px;
}
.wrap_header span a{
    padding: 20px 0;
    display: inline-block;
    color: #2a2727;
}
/* .wrap_header span.active{
    color: red;
    background-color: antiquewhite;
} */
.wrap_header span.active a{
    border-bottom: 2px solid black;
}
.wrap_content{
    background-color: azure;
    padding: 20px 0;
}
.wrap_list{
    width: 80%;
    max-width: 1380px;
    margin: 0 auto;
    overflow: hidden;
}
.wrap_list_content{
    overflow: hidden;
    margin: 0 -10px;
}
.wrap_box{
    float: left;
    width: 20%;
}
.wrap_box_content{
    margin: 0 10px;    
    background-color: white;
    border-radius: 5px;
}
.wrap_box_content img{
    width: 100%;
    border-radius: 5px;
}
.wrap_box_info{
    padding: 10px;
}
.wrap_box_info_item span{
    display: inline-block;
    padding-right: 20px;
    color: #949487;
    font-size: 14px;
}
.wrap_box_info_title a{
    color: black;
    font-size: 16px;
}
.wrap_box_info_type{
    font-size: 12px;
    color: #767b7b;
    padding: 5px 0;
}
.wrap_box_item{
    border-top: 1px solid #d5d1d1;
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
}
.wrap_box_item .author{
   padding-left: 10px;
}
.wrap_box_item .time{
    color: #9ba0a4;
    font-size: 12px;
    float: right;
    padding-right: 10px;
}





